.form-group {
  width: 100%;
  padding: $form-group-padding;
  margin: $form-group-margin;
  color: $form-group-color;
  background: $form-group-background;
  border: $form-group-border;
  > ion-item-divider {
    --color: #{$form-group-header-color};
    --background: #{$form-group-header-background};

    @include flex(center, space-between);
  }
  .form-group-title {
    @include flex(center);

    font-size: $form-group-title-font-size;
    line-height: $form-group-title-line-height;
    .app-icon {
      padding: $form-group-icon-padding;
    }
  }
  .form-group-content {
    width: 100%;
    ion-item {
      width: 100%;
    }
  }
  .form-group-action {
    position: absolute;
    right: $form-group-action-right;
    font-size: $form-group-action-font-size;
    line-height: $form-group-action-line-height;
    color: $form-group-action-color;

    @include flex(center, flex-start);
    .action-item {
      margin: $form-group-action-item-margin;
    }
  }
}
.searchform-group {
  width: 100%;
  padding: $searchform-group-padding;
  margin: $searchform-group-margin;
  color: $searchform-group-color;
  background: $searchform-group-background;
  border: $searchform-group-border;
  > ion-item-divider {
    --color: #{$searchform-group-header-color};
    --background: #{$searchform-group-header-background};

    @include flex(center, space-between);
  }
  .searchform-group-title {
    @include flex(center);

    font-size: $searchform-group-title-font-size;
    line-height: $searchform-group-title-line-height;
    .app-icon {
      padding: $searchform-group-icon-padding;
    }
  }
  .searchform-group-content {
    width: 100%;
    ion-item {
      width: 100%;
    }
  }
  .searchform-group-action {
    position: absolute;
    right: $searchform-group-action-right;
    font-size: $searchform-group-action-font-size;
    line-height: $searchform-group-action-line-height;
    color: $searchform-group-action-color;

    @include flex(center, flex-start);
    .action-item {
      margin: $searchform-group-action-item-margin;
    }
  }
}
.quicksearchform-group {
  width: 100%;
  padding: $quicksearchform-group-padding;
  margin: $quicksearchform-group-margin;
  color: $quicksearchform-group-color;
  background: $quicksearchform-group-background;
  border: $quicksearchform-group-border;
  > ion-item-divider {
    --color: #{$quicksearchform-group-header-color};
    --background: #{$quicksearchform-group-header-background};

    @include flex(center, space-between);
  }
  .quicksearchform-group-title {
    @include flex(center);

    font-size: $quicksearchform-group-title-font-size;
    line-height: $quicksearchform-group-title-line-height;
    .app-icon {
      padding: $quicksearchform-group-icon-padding;
    }
  }
  .quicksearchform-group-content {
    width: 100%;
    ion-item {
      width: 100%;
    }
  }
  .quicksearchform-group-action {
    position: absolute;
    right: $quicksearchform-group-action-right;
    font-size: $quicksearchform-group-action-font-size;
    color: $quicksearchform-group-action-color;

    @include flex(center, flex-start);
    .action-item {
      margin: $quicksearchform-group-action-item-margin;
    }
  }
}
